<template>
	<view class="faq-detail">
		<uni-nav-bar title="帮助详情" backgroundColor="#f5f5f5" color="#333"></uni-nav-bar>
		<view class="content">
			<view class="question">{{ faq.question }}</view>
			<view class="answer">{{ faq.answer }}</view>
		</view>
	</view>
</template>

<script setup>
	import {ref} from "vue";
	import {onLoad} from "@dcloudio/uni-app";

	
	const fsq = ref({
		question: '',
		answer: ''
	})

	
	onLoad((options) => {
		
		sendMessage()
		if (options.faq) {
			faq.value = JSON.parse(decodeURIComponent(options.faq));
		}
	})
	
</script>

<style lang="scss">
.faq-detail {
	background-color: #f9f9f9;
	padding: 20rpx;
}

.content {
	background-color: #fff;
	padding: 40rpx;
	border-radius: 16rpx;
}

.question {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	margin-bottom: 40rpx;
}

.answer {
	font-size: 28rpx;
	color: #666;
	line-height: 48rpx;
}
</style>